/**=====================
    60. RTL CSS Start
==========================**/
.rtl {
  .product-page-main{
    .filter-block{
      ul{
        padding-right: 20px;
      }
    }
  }
  .todo-wrap{
    .left-bookmark{
      ul{
        li{
          .iconbg{
            i{
              margin-left: 0 !important;
            }
          }
        }
      }
    }
  }
  .user-profile{
    .profile-post{
      .post-body{
        .post-comment{
          li{
            label{
              a{
                span{
                  margin-left: unset;
                  margin-right: 5px;
                }
              }
            }
          }
        }
      }
    }
  }
  .range-item{
    padding-left: unset;
    padding-right: 22px;
  }
  .btn-radio{
    .btn{
      padding-left: 10px !important;
      padding-right: 27px !important;
    }
  }
   // login pages
    .show-hide {
      left: 10px;
      right: unset;
    }
    .login-form {
      .form-group {
        .link {
          float: left;
        }
      }
    }
    .login-form {
      .input-group {
        .input-group-text {
          border-radius: 0 5px 5px 0 !important;
        }
        input {
          border-radius: 0;
        }
      }
    }
  .page-wrapper{
    &.compact-wrapper{
      .page-body-wrapper{
          header {  
            &.main-nav {                            
              text-align:right;
              transition:0.5s;
              border-left:1px solid $light-gray;
              border-right:unset;
              &.close_icon {
                margin-right: 0;
                margin-left:unset;               
                transform: translate(290px);
                ~ .page-body {                 
                  margin-right:0;
                  margin-left:unset;
                  transition:0.5s;
                }
                ~ footer {
                  margin-right:0;                 
                  transition:0.5s;
                }
                .main-navbar {
                  .nav-menu {
                    >li {
                      a {
                        svg {
                          float: left;
                          margin-right: 10px;
                        }
                      }
                    }
                    .dropdown {
                      .menu-title {
                        &.active {
                          ~ .menu-content {
                            display: none !important;
                            
                          }
                        }
                      }
                    }
                  }

                  
                }
                .according-menu {
                  display: none !important;
                }
              }
              &:hover {
                transform: translate(0px);
                .main-navbar {
                  .nav-menu {
                    .dropdown {
                      .menu-title {
                        &.active {
                          ~ .menu-content {
                            display: block !important;
                          }
                        }
                      }
                    }
                    >li {
                      a {
                        svg {
                          float: none;
                          // margin-right: 15px;
                        }
                      }
                    }
                  }
                }
                .according-menu {
                  display: block;
                }
              }
              .main-navbar{
                .nav-menu{
                  &>li{
                    a{
                      .sub-arrow{
                        left:20px;
                        right:unset;
                      }
                    }
                  }
                }
              }
              .sidebar-user{
                ul{
                  li{
                    +li{
                      &::before{
                        right:-14px;
                        left:unset;
                      }
                    }                   
                  }
                }
                .setting-primary{
                  right:unset;
                  left:35px;
                }
              }
            }    
          }
          .page-body{
              margin-left: unset;             
              margin-right: 290px;
            }
            .main-nav{
              text-align: right;
              .main-navbar{
                .nav-menu{
                  > li{
                    a{
                      svg{
                        margin-right: unset;
                        margin-left: 15px;
                      }
                    }
                  }
                }
              }
            }
            .according-menu{
              right: unset;
              left: 15px;
          }       
      }
    }
    &.compact-sidebar{
      &.compact-wrapper {
        .page-body-wrapper{         
            header{
              &.main-nav {
                .main-navbar {
                  .nav-menu {
                    .dropdown {
                      .menu-title{
                        &.active {
                          ~ .menu-content{
                            left:unset;
                            right:150px;
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
            .page-body{
              margin-right: 150px;
              margin-left: unset;
            }         
        }
      }
    }
    &.modern-sidebar{
      &.compact-wrapper {
        footer{
          margin-left:30px;
        }
        header{
          &.main-nav{
            &.close_icon {
              ~footer{
                margin-left:30px;
              }
            }
          }
        }
      }
    }
  }
  .main-navbar{
    ul.nav-pills {
      .nav-item{
        &:last-child{
          border-right:1px solid $light-gray;
          border-left:unset;
        }
      }
    }
  }

  .job-search{
    .media{
      .media-body{
        .rating {
          margin-left: unset;
          margin-right: 10px;
        }
      } 
    } 
  } 

  // product-page
  .product-social {
    li{
      &:nth-child(n+2){
        margin-left:unset;
        margin-right:10px;
      }
    }
  }
  ul{
    &.pro-services {
      li {
        svg{
          margin-left: 15px;
          margin-right: unset;
        }
      }
    }
  }
  .filter-block {
    ul{
      li{
        .form-check{
          padding-right:unset;
          .form-check-input{
            float: right;
            margin-left: 15px;
          }
        }
      }
    }
  }


// space class //
.ms-1{
  margin-left: unset;
  margin-right: 0.25rem !important;
}
.f-right{
  float: left;
}

// file manager css
.file-manager{
  .folder{
    li:nth-child(n+2){
      margin-left: unset;
      margin-right: 12px;
    }
  }
}
.file-sidebar{
  .pricing-plan{
    .bg-img{
      top: 40px;
      left: -60px;
      right: unset;
      transform: rotate(45deg);
    }
  }
}
.files-content{
  li{
    margin-right: unset;
    margin-left: 20px;  
  }
}
.file-content {
  .folder{
    .folder-box{
      .ellips{
        right: unset;
        left: 22px;
      }
    }
  }
  .btn{
    svg{
      margin-right: unset;
      margin-left: 2px;
    }
  }
  .form-inline {
     i {
       padding-right: unset;
       padding-left: 10px;
     }
  }
}
.quick-file{
  li{
    margin-right: unset;
    margin-left: 20px;
  }
}
.file-sidebar {
  .btn {
     svg {
       margin-right: unset;
       margin-left: 8px;
     }
  }
}
// projects page css
.form-select {
  background-position: left 0.75rem center;
  padding: 0.375rem 0.75rem 0.375rem 1.75rem;
}
.customers {
   ul {
      li {
        +li {
          margin-left: unset;
          margin-right: -10%;
        }
      }
   }
}
.project-list {
  .border-tab {
    &.nav-tabs {
       .nav-item {
         .nav-link {
           padding: 5px 0 5px 30px;
         }
       }
    }
  }
  .btn{
    float:left;
  }
   ul {
    li {
      svg{
        margin-right: unset;
        margin-left:5px;
      }
    }
   }
}
 .project-box{
   .badge {
     right:unset;
     left:15px;
   }
 }


 // kanban board css
 .kanban-board {
   float: right;
 }
 .kanban-item {
   .kanban-box {
     .customers {
       ul {
         li {
           +li {
             margin-left: unset;
             margin-right: -10px;
           }
         }
       }
     }
   }
   .list {
     li {
        i {
          margin-right: unset;
          margin-left: 10px;
        }
     }
   }
 }



 // user profile
 .user-profile {
  .social-media {
    ul{
      &.user-list-social {
        li{
          &:nth-child(n+2){
            margin-right:5px;
            margin-left:unset;
          }
        }
      }
    }
  }
  .follow {
    ul.follow-list {
      li{
        &:nth-child(n+2){
          margin-right: 15px;
          padding-right: 15px;
          padding-left:0;
          margin-left:0;
          border-right: 1px solid $light-gray;
          border-left: none;
        }
      }
    }
  }
  .post-about {
    ul {
      li {
        .icon{
          margin-right:0;
          margin-left:15px;
        }
      }
    }
  }
  .profile-post{
    .post-body{
      .post-react {
        ul{
          li{
            &:nth-child(n+2){
              margin-left:unset;
              margin-right:-20px;
            }
          }
        }
        h6{
          margin-right:15px;
          margin-left:unset;
        }
      }
      .post-comment{
        li{
          &:nth-child(n+2){
            margin-left:0;
            margin-right:15px;
          }
        }
      }
    }
  }
 }
 .social-tab{
   ul{
    li{
      &:nth-child(n+2){
        margin-left:unset;
        margin-right:15px;
      }
      a {
        svg{
          margin-right:unset;
          margin-left:5px;
        }
      }
    }
   }  
   .input-group{
    .form-control{
      border-top-left-radius:0 !important;
      border-bottom-left-radius:0 !important;
      border-top-right-radius:5px !important;
      border-bottom-right-radius:5px !important;
    }
    .input-group-text{
      border-top-left-radius:5px !important;
      border-bottom-left-radius:5px !important;
      border-top-right-radius:0 !important;
      border-bottom-right-radius:0 !important;
    }   
   }
 }


 // invoice 
 .invo-profile{
  .text-xl-end{
    text-align: left !important;
  }
 }


//horizontal-sidebar
  .page-wrapper{
    &.horizontal-wrapper{
      .page-body-wrapper{
        .page-body{
          margin-right: 0;
        }
        footer{
          margin-right: 0;
        }
      }
    }
    .page-main-header {
      .main-header-right {
        .nav-right {
          > ul {
            > li{
              &:last-child{
                margin-left:unset;
              }
            }
          }
          .notification-dropdown {
            li {
              .media {
                .notification-bg{
                  margin-right:unset;
                  margin-left:15px;
                }
              }
            }
          }
        }
      }
    }
  }
  .page-main-header{
    .main-header-right{
      .nav-right{
        text-align:right;
        > ul{
          > li{             
              margin-left:20px;
              margin-right:unset !important;             
          }
        }
        .btn-primary-light{
          svg{
            margin-left:10px;
            margin-right:unset;
            transform:scale(-1);
          }
        }
        .bookmark-dropdown{
          ul{
            li{
              .bookmark-icon{
                margin-left:15px;
                margin-right:unset;
              }
            }
          }
        }
      }
      .main-header-left{
        // margin-left: 30px;
        margin-right: unset;
        border-right:unset;
        border-left:1px solid $light-gray;

      }
    }


  }
  .ps-2, .px-2{
    padding-right: .5rem !important;
    padding-left:unset !important;
  }
  .page-main-header {
    .main-header-right {
      .nav-right {
        .bookmark-dropdown {
          ul {
            li {
              text-align:right;
              .bookmark-icon{
                margin-right:unset;
                margin-left:15px;
              }
            }
          }
          right:-55px;
        }
        &.right-menu {
          ul {
            li{
              text-align:right;
            }
          }
        }
        .form-group {
          .input-group {
            .form-control{
              border-left: 1px solid $light-gray;
            }
          }
        }
      }
    }
  }
  .flag-icons,.feather-icons {
    div {
      .media-body{
        h5 {
          margin-right:unset;
          margin-left:5px;
        }
      }
    }
  }
  
  // default page 
  .apexcharts-canvas {
    direction: ltr;
  }
  .cal-date-widget {
    .cal-info {
      .pe-3 {
        padding-right: 1rem !important;
      }
    }
  }
  .me-4, .mx-4 {
    margin-left: 1.5rem !important;
    margin-right: unset !important;
  }
  .pe-4, .px-4 {
    padding-left: 1.5rem !important;
    padding-right: unset !important;
  }
  .me-1, .mx-1 {
    margin-left: 0.25rem !important;
    margin-right: unset !important;
  }
  .navs-dropdown {
    .onhover-show-div {
      right: 0;
    }
  }
  .bitcoin-accordion {
    button[aria-expanded="true"], button[aria-expanded="false"]{
      &:before {
        left: 31px !important;
        right: unset !important;
      }
    }
  }
  .default-according{
    &.style-1 {
      button{
        text-align: right;
        &:before {
          left: 20px;
          right: unset;
        }
        i {
          right: 18px;
          left: unset;
        }
      }
    }
    .card {
      .card-header {
        i {
          right: 18px;
          left: unset;
        }
      }
    }
  }
  .setting-list{
    right:unset;
    left:20px;
    float:left;
    .setting-option{     
      text-align:left;
    }
  }
  .dashboard-default-sec,.dashboard-2-main {
    .card{
      .card-header {
        ul.week-date {
          li:nth-child(n+2){
            margin-right:10px;
            margin-left:unset;
            padding-right:15px;
            padding-left:unset;
            border-right:1px solid $light-gray;
            border-left:unset;
          }
        }
        .header-top{
          direction:rtl;                  
        }
      }
    }
  }
  .top-sell-sec {
    .card-body {
      .media {
        .media-body{
          margin-left:unset;
          margin-right:20px;
        }
      }
    }
  }
  .target-sec {
    .card-header {
      ul.target-list {
        li:nth-child(n+2){
          margin-right:20px;
          margin-left:unset;
        }
      }
    }
  }
  .activity-sec {
    .activity-timeline {
      .media {
        .activity-line{
          right:37px;
          left:unset;
        }
      }
      &.update-line {
        .media {
          .media-body {
            ul{
              &.timeline-pro {
                li:nth-child(n+2){
                  margin-left:unset;
                  margin-right:20px;
                }
              }
            }
          }
        }
      }
    }
  }
  .ticket-length{
    text-align: left;
  }
  .table-border-vertical{
    tr,th,td{
      border-left: 1px solid $horizontal-border-color;
    }
    tr{
      td{
        &:last-child{
          border-left: none;
        }
      }
    }
  }
  .activity-timeline {
    .media {
      .media-body{
        margin-right:20px;
        margin-left:unset;
      }
    }
  }
  .center-content{
    padding-left:50px;
    padding-right:unset;
  }
  .latest-update-sec,.recent-order-sec {
    .media {
      .media-body{
          margin-right:20px;
          margin-left:unset;
      }
    }
  }
  .trasaction-sec {
    .transaction-totalbal{
      padding-left: unset;
      padding-right: 30px;
    }
  } 
 


  .ProfileCard-details {
    padding-right: 30px;
    padding-left: unset;
    float: right;
  }
  .starter-main {
    .card-body {
      ul {
        padding-right: 30px;
        padding-left: unset;
      }
    }
  }
  .theme-tab {
    .tab-title {
      li {
        a {
          svg {
            margin-left: 5px;
            margin-right: unset;
          }
        }
      }
    }
  }
  .spent {
    .spent-graph {
      .project-budget {
        margin-left: 30px;
        margin-right: unset;
      }
    }
  }
  .support-table {
    table {
      tbody {
        tr {
          td{
            &:first-child {
              padding-right: 0;
              padding-left: unset;
            }
          }
        }
      }
    }
  }
  .widget-joins {
    .row {
      .pe-0 {
        padding-right: 15px !important;
      }
      .ps-0 {
        padding-left: 15px !important;
      }
    }
  }
  .order-box {
    .sub-total, .total, .qty {
      .shipping-class, li {
        .shopping-checkout-option, span {
          float: left;
        }
      }
      li {
        .count {
          float: left;
        }
      }
    }
  }
  .img-paypal {
    margin-right: 15px;
    margin-left: unset;
  }
  .cart {
    .qty-box {
      .input-group {
        .btn {
          border-radius: 0 !important;
        }
      }
    }
  }
  .todo {
    .action-box {
      text-align: left;
    }
  }
  .product-qnty {
    fieldset {
      .input-group {
        .input-group-prepend {
          .btn {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
          }
        }
      }
    }
  }
  .grid-options {
    margin-right: 10px;
    margin-left: unset;
    ul {
      li {
        a {
          .line-grid-1 {
            right: 12px;
            left: unset;
          }
          .line-grid-2 {
            right: 18px;
            left: unset;
          }
          .line-grid-3 {
            right: 36px;
            left: unset;
          }
          .line-grid-4 {
            right: 42px;
            left: unset;
          }
          .line-grid-5 {
            right: 48px;
            left: unset;
          }
          .line-grid-6 {
            right: 66px;
            left: unset;
          }
          .line-grid-7 {
            right: 72px;
            left: unset;
          }
          .line-grid-8 {
            right: 78px;
            left: unset;
          }
          .line-grid-9 {
            right: 84px;
            left: unset;
          }
          .line-grid-10 {
            right: 103px;
            left: unset;
          }
          .line-grid-11 {
            right: 109px;
            left: unset;
          }
          .line-grid-12 {
            right: 115px;
            left: unset;
          }
          .line-grid-13 {
            right: 121px;
            left: unset;
          }
          .line-grid-14 {
            right: 127px;
            left: unset;
          }
          .line-grid-15 {
            right: 133px;
            left: unset;
          }
        }
      }
    }
  }
  // .product-wrapper {
  //   &.sidebaron {
  //     .product-grid {
  //       .product-wrapper-grid {
  //         margin-right: calc(25% + 9px);
  //         margin-left: unset;
  //       }
  //     }
  //   }
  // }
  .product-filter{
    &.new-products {
      .owl-theme {
        .owl-nav {
          left: 0;
          right: unset;
        }
        .owl-item {
          .item {
            .product-box {
              .product-details {
                &.text-start {
                  text-align: left !important;
                }
              }
            }
          }
        }
      }
    }
  }
  .pro-filter-sec {
    .product-sidebar{
      margin-right:unset;
      margin-left:30px;
    }
  }
  .product-sidebar {
    .filter-section {
      .card {
        .card-header {
          h6 {
            .pull-right {
              i {
                left: auto;
                right: unset;
              }
            }
          }
        }
      }
    }
  }
  .feature-products {
    form {
      .form-group {
        i {
          left: 30px;
          right: unset;
        }
      }
    }
  }
  .product-wrapper-grid {
    &.list-view {
      .product-box {
        .product-details {
          text-align: right;
        }
      }
    }
  }
  .page-wrapper{
    .page-body-wrapper{
      .page-header{       
        .bookmark{         
          margin-right:auto;
          text-align:left;
        }
      }
    }
  }
  .prooduct-details-box {
    .btn{
      left: 15px;
      right: unset;
    }
  }
  .bookmark {
    ul {
      li {
       .search-form {
                .form-control-search {
                  left: -18px;
                  right: unset;
                  &:before {
                    right: 50px;
                    left: unset;
                  }
                  &:after {
                    right: 20px;
                    left: unset;
                  }
                }
          }
        &:first-child {
          padding-right: 0;
          padding-left: 5px;
        }
        &:nth-child(n+2){
          margin-left:unset;
          margin-right:8px;
        }
      }
    }
  }
  .order-box {
    .title-box {
      span{
        text-align:left;
      }
    }
    .qty {
      li {
        span{
          text-align:left;
        }
      }
    }
    .sub-total {
      li {
        .count{
          text-align: left;
        }
      }
      .shipping-class{
        .shopping-checkout-option {
          label{
            text-align:left;
          }
        }
      }
    }
  }

  .checkout{
    .form-check {
      .form-check-input{
        float: right;
        margin-left: 10px;
      }
    }
    .checkbox_animated, .radio_animated{
      margin:0;
      margin-left:10px;
    }
  }
   
  .me-0, .mx-0 {
    margin-left: 0 !important;
    margin-right: unset !important;
  }
  .footer {
    .pull-right {
      float: left;
    }  
  }
  .checkbox_animated, .radio_animated {
    margin: 0 8px 0 16px;
  }
  .button.remove {
    left: -10px;
    right: unset;
  }
  .code-box-copy__btn {
    left: 11px;
    right: unset;
  }
  ul{
    &.nav-menus {
      border-bottom: none;
    }
    &.notification-dropdown{
      &.onhover-show-div {
        li {
          text-align: right;
        }
      }
    }
  }
  .badge {
    + .badge {
      margin-right: 5px;
      margin-left: unset;
    }
  }
  .offset-xl-3 {
    margin-right: 25%;
    margin-left: unset;
  }
  .m-l-10 {
    margin-right: 10px !important;
    margin-left: unset !important;
  }
  .m-r-20 {
    margin-left: 20px;
    margin-right: unset;
  }
  .m-r-30 {
    margin-left: 30px;
    margin-right: unset;
  }
  .m-r-5 {
    // margin-left: 5px;
    // margin-right: unset;
  }
  .text-start {
    text-align: right!important;
  }
  .m-r-10 {
    margin-left: 10px;
    margin-right: unset;
  }
  .pe-3, .px-3 {
    padding-left: 1rem !important;
    padding-right: unset !important;
  }
  .p-r-0 {
    padding-left: 0;
    padding-right: 15px;
  }
  .m-l-20 {
    margin-right: 20px !important;
    margin-left: unset !important;
  }
  .ps-3, .px-3 {
    padding-right: 1rem !important;
  }
  .b-r-light {
    border-left: 1px solid $light-gray !important;
    border-right: unset !important;
  }
  .float-end {
    float: left !important;
  }
  .float-start {
    float: right !important;
  }
  .text-end {
    text-align: left !important;
  }
  .border-right {
    border-left: 1px solid #dee2e6 !important;
    border-right: unset !important;
  }
  .pe-0, .px-0 {
    padding-left: 0 !important;
    padding-right: unset !important;
  }
  .ps-0, .px-0 {
    padding-right: 0 !important;
    padding-left: unset !important;
  }
  .ms-0 {
    margin-left: unset !important;
    margin-right: 0.25rem !important;
  }
  .owl-carousel{
    direction: ltr;
  }
  .btn-group {
    > {
      .btn:not(:last-child):not(.dropdown-toggle), :not(:last-child) > .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
      }
      .btn:not(:first-child) {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
      }
      .btn:nth-child(2) {
        border-radius: 0 !important;
      }
    }

    .btn-group > :not(:first-child) > .btn {
      border-top-left-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
    .btn + {
      .btn, .btn-group {
        margin-right: -1px;
      }
    }
    .btn-group + {
      .btn, .btn-group {
        margin-right: -1px;
      }
    }
    .btn-group-vertical {
      .btn + {
        .btn, .btn-group {
          margin-right: -1px;
        }
      }
      .btn-group + {
        .btn, .btn-group {
          margin-right: -1px;
        }
      }
    }
  }
  .me-3, .mx-3 {
    margin-right: unset !important;
    margin-left: 1rem !important;
  }
  .me-5, .mx-5 {
    margin-left: 3rem !important;
    margin-right: unset !important;
  }
  .ms-3, .mx-3 {
    margin-right: 1rem !important;
    margin-left: unset !important;
  }
  .m-r-15 {
    margin-left: 15px;
    margin-right: unset;
     
  }
  .b-l-light {
    border-right: 1px solid $light-gray !important;
    border-left: unset !important;
  }
  .p-l-0 {
    padding-left: unset;
    padding-right: 0px;
  }
  .ps-4 {
    padding-right: 1.5rem !important;
    padding-left: unset !important;
  }
  .me-2 {
    margin-left: 0.5rem !important;
    margin-right: unset !important;
  }
  .ms-2 {
    margin-right: 0.5rem !important;
    margin-left: unset !important;
  }
  .pe-2 {
    padding-right: unset !important;
    padding-left: 0.5rem !important;
  }
  .alert {
    text-align: right;
  }
  .pull-right {
    float: left;
  }
  .form-inline {
    .form-group {
      margin-left: 15px;
      margin-right: 0;
    }
  }
  .form-select{
    background-position: left 0.75rem center;
  }
  .card {
    text-align: right;
    .card-header {
      h5:not(.mb-0) {
        float: right;
      }
      span {
        clear: both;
      }
      .card-header-right {
        left: 20px;
        right: unset;
        .card-option {
          text-align: left;
          &.list-unstyled {
            padding-right: 0;
            padding-left: unset;
          }
        }
      }
      .pull-left {
        float: right;
      }
    }
    &.full-card {
      left: 0;
      right: unset;
    }
    .card-body {
      .alert {
        svg {
          margin-left: 4px;
          margin-right: unset;
        }
      }
      .value-left {
        margin-left: 30px;
        margin-right: unset;
      }
      .square {
        margin-left: 5px;
        margin-right: unset;
      }
    }
  }
  .modal-header {
    .btn-close {
      margin-left: 0;
    }
    
  }
  .modal-footer {
    > :not(:first-child) {
      margin-right: .50rem;
      margin-left: 0;
    }
  }
  .theme-close{
    right:unset;
    left:0;
  }
  .form-inline {
    .form-group {
      .col-form-label {
        margin-left: 5px;
        margin-right: 0;
      }
    }
  }

  .modal-header,.modal-footer,.modal-content {
    .btn-close{
      left:25px;
      right: unset;
    }
  }
  .alert-dismissible {
    .btn-close{
      right: unset;
      left: 0;
    }
  }

  .dismiss-text {
    .alert {
      .btn-close{
        left: 50px;
      }
    }
  }
  .card-body {
    .alert {
      svg {
        ~ p{
          padding-right: 20px;
          padding-left: unset;
        }
      }
    }
  }
  .default-according {
    .card {
      .card-header {
        i{
          margin-left:5px;
          margin-right:unset;
        }
      }
    }
  }
  



  .was-validated .form-select:invalid, .form-select.is-invalid{
    padding-right:calc(1.5em + 0.75rem);
    background-position:top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem);
  }
  .was-validated{
    .form-check{
      padding-left: 1.25rem;
    }
  }

  .was-validated .form-control:invalid,  .form-control.is-invalid, .was-validated .form-control:valid, .form-control.is-valid{
        background-position: left calc(0.375em + 0.1875rem) center;
    padding-left: calc(1.5em + 0.75rem);
  }


  .was-validated {
    .form-control:invalid{
      padding-right:10px;
    }
  }
  

  .breadcrumb-item {
    & + .breadcrumb-item {
      padding-right: 0.5rem;
      padding-left: unset;
      &::before {
        padding-left: 0.5rem;
        padding-right: unset;
        float:right;
      }     
    }   
  }
  
  code[class*=language-], pre[class*=language-] {
    text-align: right;
  }
  .input-group-prepend {
    margin-left: -1px;
    margin-right: unset;
  }
  .input-group > .form-control:not(:last-child), .rtl .input-group > .custom-select:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .border-tab.nav-left .nav-link {
    text-align: left;
  }
  // social app page css
  .socialprofile {
    .social-group {
      ul {
        li {
          &:nth-child(4) {
            margin-left: unset;
            margin-right: -16px;
          }
        }
      }
    }
  }
  .social-status {
    form {
      .form-group {
        .form-control-social {
          padding-right: 15px;
          padding-left: unset;
        }
      }
    }
    .media {
      .social-status {
        right: 35px;
        left: unset;
      }
    }
  }
  .social-chat {
    .other-msg {
      margin-right: 40px;
      margin-left: unset;
    }
    .media-body {
      &:before {
        left: 100%;
        right: unset;
        border-left: 7px solid var(-semi-dark);
        border-right: unset;
      }
      &:after {
        left: 100%;
        right: unset;
        border-left: 7px solid $white;
        border-right: unset;
      }
    }
  }
  .timeline-content {
    .comment-number {
      i {
        margin-left: 20px;
        margin-right: unset;
      }
    }
  }
  .photos {
    ul {
      li{
        margin-left:10px;
        margin-right:unset;
      }
    }
  } 
  .avatar-showcase {
    .friend-pic {
      margin-left: 8px;
      margin-right: unset;
    }
    .pepole-knows {
      ul {
        li {
          margin-left: 21px;
          margin-right: unset;
          &:last-child {
            margin-left: 0;
          }
        }
      }
    }
  }
  
  .edit-profile {
    .profile-title{
      .media {
        .media-body{
          margin-right:25px;
          margin-left:unset;
        }
      }
    }
  }
  .list-persons {
    .profile-mail {
      .email-general {
        ul{
          padding-right:unset;
          padding-left:20px;
          li{
            span{
              float: left;
            }
          }
        }
      }
    }
  }  
  .contacts-tabs {
    .nav-pills{
      border-left: 1px solid $light-gray;
      border-right: unset;
    }
  }
  // calender 
  .calendar-basic {
    #menu-navi {
      .menu-navi-right {
        .move-btn{
          margin-right: 15px;
          margin-left:unset ;
          direction: ltr;
        }
      }
    }
    #dropdownMenu-calendarType {
      i{
        &:last-child{
          margin-right: 15px;
          margin-left: unset;
        }
        &:first-child{
          margin-right: unset;
          margin-left: 15px;
        }
      }
    }
    .lnb-calendars{
      float:left;
    }
    input[type='checkbox'].tui-full-calendar-checkbox-round + span{
      margin-left: 8px;
      margin-right: unset;
    }
    input[type='checkbox'].tui-full-calendar-checkbox-square + span{
      margin-left:5px;
    }
  }
  
  // faq page css
  .faq-form {
    .search-icon {
      left: 12px;
      right: unset;
    }
  }
  
  .faq-widgets {
    .media-body {
      p {
        padding-left: 20px;
        padding-right: unset;
      }
    }
  }
  .header-faq, .faq-title {
    text-align: right;
  }
  .faq-accordion {
    .faq-header {
      svg {
        left: 20px;
        right: unset;
      }
    }
    .card {
      .card-header {
        h5{
          padding-right:25px;
          padding-left:unset;
        }
      }
      .btn-link {
        svg {
          margin-left: 10px;
          margin-right: unset;
          right:20px;
          left: unset;
        }
      }
    }
  }   
  .navigation-option {
    ul {
      li {
        padding: 15px 0 15px 15px;
        a {
          padding-right: 40px;
          padding-left: unset;
          svg {
            right: 15px;
            left: unset;
          }
        }
      }
    }
  }
  .updates-faq {
    margin-right: unset;
    margin-left: 30px;
  }
  // knowledgebase page css 
  .browse {
    .browse-articles {
      span {
        svg {
          margin-left: 10px;
          margin-right: unset;
        }
      }
      ul {
        li {
          h5{
            padding-left: unset;
            padding-right: 20px;
            svg{
              left: unset;
              right: 0;
              margin-right: unset;
              margin-left: 10px;
            }
          }
        }
      }
    }
  }
  .card{
    .card-footer{
      .pull-right{
        li{
          i{
            padding-left: 0;
            padding-right: 3px;
          }
        }
      }
    }
  }
  // learning app page css
  .categories {
    .learning-header {
      padding-right: 30px;
      padding-left: unset;
    }
  }
  // internationalization page css
  .main {
    .langChoice {
      left: 30px;
      right: unset;
    }
  }
  .pricing-block{
    svg{
      direction: ltr;
    }
  }
  .pricing-block {
    .pricing-list {
      ul {
        li {
          h6 {
            span{
              margin-right: 5px;
              margin-left: unset;
            }
          }
        }
      }
    }
  }
  // chart peity css
  p {
    &.data-attributes {
      svg {
        margin-left: 10px;
        margin-right: unset;
      }
    }
  }
  // avatars page css
  .avatars {
    .avatar {
      margin-left: 10px;
      margin-right: unset;
      &:last-child {
        margin-left: 0;
      }
      .status {
        left: 4px;
        right: unset;
      }
    }
  }
  .customers{
    &.avatar-group {
      margin-left: 30px;
      margin-right: unset;
    }
    ul {
      li {
        + li{
          margin-left:unset;
          margin-right: -16px;
        }
      }
    }
  }
  
  .card{
    .card-header{
      h5{
        float: none !important;
      }
    }
  }
   // index css
   .dashboard-default-sec{
    .latest-update-sec,.recent-order-sec{
      table{
        tbody{
          tr{
            td{
              img{
                margin-left: 1rem !important;
                margin-right:unset !important;
              }
            }
          }
        }
      }
    }
   }
   //dashboard-02 css
   .dashboard-2-main{
    .card{
      .card-body{
        .media{
          img{
             margin-left: 5px;
             margin-right:unset;
           }
        }
      }
    }
   }


  // dashboard-03 css
  .joined-status{
    position: absolute;
    top: 23px;
    right: unset;
    left: 85px;
  }
  .likes-page{
    padding-right: 30px;
  }
  .activity-social{
    .border-recent-success{
      border-right: 3px solid $success-color;
      border-left: None;
    }
    .border-recent-warning{
      border-right: 3px solid $warning-color;
      border-left: None;
    }
    .border-recent-info{
      border-right: 3px solid $light-font;
      border-left: None;
    }
    .border-recent-danger{
      border-right: 3px solid $danger-color;
      border-left: None;
    }
    .border-recent-secondary{
      border-right: 3px solid $secondary-color;
      border-left: None;
    }
    ul{
      li{
        padding-right: 15px;
      }
    }
  }
  .social-user-card{
    .social-user-top-content{
      .customers{
        ul{
          li{
            &:last-child{
              margin-right: 30px;
            }
          }
        }
      }
    }
  }
  // knob chart css
  .knob-chart {
    .chart-clock-main {
      .clock-small {
        right: 10px;
        left: unset;
      }
    }
  }
  // general widgets css
  .weather-widget-two {
    .top-bg-whether {
      left: -28px;
      right: unset;
    }
    .bottom-whetherinfo {
      svg {
        left: unset;
        right: -35px;
      }
    }
  }
  .mobile-clock-widget {
    .bg-svg {
      left: unset;
      right: -25px;
    }
  }
  // to-do css
  .todo {
    .todo-list-wrapper {
      .mark-all-tasks {
        .btn-label {
          margin-left: 5px;
          margin-right: unset;
        }
        left: 30px;
        right: unset;
      }
      #todo-list {
        li {
          .task-container {
            .task-action-btn {
              text-align: left;
            }
          }
        }
      }
    }
    .notification-popup {
      left: 10px;
      right: unset;
    }
  }
  .todo-options {
    .badges-todo {
      h6 {
        margin-left: 10px;
        margin-right: unset;
        &:last-child {
          margin-left: 0;
        }
      }
    }
  }
  .todo-list-btns {
    .dropdown-basic {
      .btn-group {
        .form-group {
          .checkbox {
            padding-right: 14px;
            border-top-right-radius: 25px;
            border-bottom-right-radius: 25px;
            padding-left: unset;
            border-top-left-radius: unset;
            border-bottom-left-radius: unset;
          }
        }
      }
      .separated-btn {
        margin-right: -6px;
        margin-left: unset;
        .btn{
          border-top-left-radius: 25px;
          border-bottom-left-radius: 25px;
        }
      }
    }
  }
  .search-todo{
    .dropdown-basic {
      .btn-group {
        margin-left: 18px;
        margin-right: unset;
      }
    }
  }
  //sticky note css
  .sticky-note {
    .note {
      float: right;
    }
  }
  // mega-menu css
  .mega-menu {
    .list-unstyled {
      div {
        a {
          padding: 8px 0 8px 35px;
          &:hover {
            padding: 8px 10px 8px 35px;
          }
        }
      }
    }
  }
  #testimonial {
    .owl-stage-outer {
      .owl-stage {
        .owl-item {
          .slide--item {
            .media {
              .me-3, .mx-3 {
                margin-right: 1rem !important;
                margin-left: unset !important;
              }
            }
          }
        }
      }
    }
  }
  .input-group>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    margin-left: unset;
    margin-right: -1px;
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .form-check{
    .form-check-input{
      float: right;
      margin-right: -1.5em;
      margin-left: unset;
    }
  }
  .needs-validation, .form-row {
    .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
      border-top-left-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
  .form-check {
    padding-right: 1.25rem;
    padding-left: unset;
  }
  .mega-menu {
    .default-according {
      .card {
        .btn-link {
          text-align: right;
        }
      }
      &.style-1 {
        button[aria-expanded="true"], button[aria-expanded="false"] {
          &:before {
            right: unset;
            left: 20px;
          }
        }
      }
    }
  }
  // email css
  .email-wrap {   
    .email-app-sidebar {
      .main-menu {
        & > li {
          text-align: right;
          a {
            i {
              margin-right: unset;
              margin-left: 10px;
            }
          }
        }
      }
      ul {
        padding-right: 0;
      }
    }
    .email-content {
      .email-top {
        .user-emailid {
          &:after {
            float: left;
          }
        }
      }
    }   
    .email-body {
      .attachment {
        ul {
          li{
            &:nth-child(n+2){
              margin-left: unset;
              margin-right: 10px;
            }
          }
        }
      } 
    }   
    .actions {
      li{
        &:nth-child(n+2){
          margin-right: 15px;
          margin-left:unset ;
        }
      }
    }
    .email-right-aside {
      .email-body{
        .media{
          .media-body{
            .inbox{
              svg{
                margin-right: unset;
                margin-left:10px ;          
              }
            }
          }
        }
        .inbox {
          svg{
            margin-right:unset;
            margin-left:10px;
          }
          .media{
            .media-body{
              span{
                left:20px;
                right:unset;
              }
            }
          }
        }
      }
      
      .email-profile {
        .inbox {
          p{
            margin-right: 15px;
            margin-left: unset;
          }
        }
      }     
    }      
  }
  // calender css
  .calendar-wrap {
    .fc {
      direction: rtl;
      text-align: right;

      .fc-toolbar {
        .fc-left {
          float: right;
        }
        .fc-right {
          float: left;
        }
        & > * {
          & > * {
            margin-left: 0;
          }
        }
      }
    }
    .fc-events-container {
      text-align: right;
    }
    .fc-scroller {
      margin-right: unset;
      margin-left: -17px;
    }
  }
  .fc-agenda-view {
    .fc-day-grid {
      .fc-row {
        margin-right: 0 !important;
      }
    }
  }
  .fc-unthemed {
    .fc-row {
      margin-right: 0 !important;
    }
  }
  // buttons css
  .btn-group-showcase {
    .btn-group {
      margin-left: 20px;
      margin-right: unset;
    }
  }
  .btn-showcase {
    .btn {
      margin-right: unset;
      margin-left: 18px;
    }
  }
  .btn-square {
    &.dropdown-toggle {
      border-top-left-radius: 0.25rem !important;
      border-bottom-left-radius: 0.25rem !important;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
    }
  }
  // button-builder css
  &.button-builder {
    ul.the-icons {
      li {
        float: right;
      }
    }
    .color-slelector {
      float: right;
    }
    .custom-button-color {
      .form-control {
        border-radius: 0 5px 5px 0;
        &.pull-left {
          float: right;
        }
      }
    }
    .hint-label {
      float: right;
      padding: 4px 020px 0 0;
    }
  }
  #customer-review {
    .owl-item {
      img {
        order: 2;
      }
    }
  }
  .options {
    > div {
      margin: 0 0 8px 8px;
    }
  }
  // modal page
  .modal-dialog{
    .modal-content{
      .modal-body{
        p{
          a{
            margin-left: 0;
          }
        }
      }
    }
  }
  // forms page
  .drag-box {
    fieldset {
      .component{
        .form-group{
          .text-lg-start{
            text-align: right !important;
          }
          .input-group{
            .input-group-prepend{
              .btn,
              .input-group-text{
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
                border-top-right-radius: 0.25rem;
                border-bottom-right-radius: 0.25rem;
              }
              .btn-right,
              .checkbox-radius{
                border-top-left-radius: 0.25rem;
                border-bottom-left-radius: 0.25rem;
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
              }
            }
            #prependedcheckbox{
              border-top-right-radius: 0 !important;
              border-bottom-right-radius: 0 !important;
            }
            #appendedcheckbox{
              border-right-color: $light-semi-gray;
            }
            #buttondropdown{
              margin-right: unset;
              margin-left: -1px;
            }
          }
        }
      }
    }
  }
  .drag {
    form {
      text-align: right;
      input {
        text-align: right;
      }
      label{
        text-align: right !important;
      }
      .form-group {
        .input-group {
          .input-group-prepend {
            .btn,
            .input-group-text{
              border-top-left-radius: 0;
              border-bottom-left-radius: 0;
              border-top-right-radius: 0.25rem;
              border-bottom-right-radius: 0.25rem;
            }
            .btn-right,
            .checkbox-radius{
              border-top-left-radius: 0.25rem;
              border-bottom-left-radius: 0.25rem;
              border-top-right-radius: 0;
              border-bottom-right-radius: 0;
            }
          }
          #buttondropdown{
            margin-right: unset;
            margin-left: -1px;
          }
        }
      }
    }
  }
  .draggable{
    label {
      text-align: right;
    }
  }
  .form-builder-column{
    .tab-content{
      .tab-pane{
        .theme-form{
          .ui-draggable{
            .input-group {
              > .input-group-prepend{
                > .input-group-text{
                  border-top-left-radius: 0;
                  border-bottom-left-radius: 0;
                  border-top-right-radius: 0.25rem;
                  border-bottom-right-radius: 0.25rem;
                }
              }
            }
          }
        }
      }
    }
    #pills-tabContent {
      .theme-form {
        .form-group, .ui-draggable {
          .input-group{
            #buttondropdown{
              margin-right: unset;
              margin-left: 15px;
            }
            .input-group-btn{
              button{
                border-radius: 4px !important;
              }
            }
          }
        }
      }
    }
  }
  .form-horizontal{
    &.theme-form{
      fieldset{
        .tab-content{
          .tab-pane{
            .component{
              .form-group{
                .text-lg-start{
                  text-align: right !important;
                }
                .input-group{
                  .input-group-prepend{
                    .btn,
                    .input-group-text{
                      border-top-left-radius: 0;
                      border-bottom-left-radius: 0;
                      border-top-right-radius: 0.25rem;
                      border-bottom-right-radius: 0.25rem;
                    }
                    .btn-right,
                    .checkbox-radius{
                      border-top-left-radius: 0.25rem;
                      border-bottom-left-radius: 0.25rem;
                      border-top-right-radius: 0;
                      border-bottom-right-radius: 0;
                    }
                  }
                  #prependedcheckbox{
                    border-top-right-radius: 0 !important;
                    border-bottom-right-radius: 0 !important;
                  }
                  #appendedcheckbox{
                    border-right-color: $light-semi-gray;
                  }
                }
              }
            }
          }
        }
      }

    }
  }
  .form-builder {
    .component {
      .form-group {
        .input-group {
          #buttondropdown {
            margin-right: unset;
            margin-left: -1px;
          }
        }
        .pl-md-radios {
          padding-right: 37px;
          padding-left: unset;
        }
      }
    }
  }
  // compact small page
.page-wrapper {
    .page-main-header {
      &.open {
        margin-right: 0;
      }
    }
    .page-body-wrapper {
      .logo-wrapper {
        a {
          transform: translate(-64px);
        }
      }
    }
  }
  // vertical page
  .vertical {
    .page-main-header {
      margin-right: 0 !important;
      margin-left: unset !important;
    }
  }
  .vertical-menu-mt {
    .page-header {
      div {
        .pull-right {
          float: left;
        }
      }
    }
  }
  .sm {
    li {
      direction: rtl;
      text-align: right;
    }
    .mobile-back {
      .ps-2 {
        // padding-right: 4px !important;
        // padding-left: unset !important;
      }
    }
  }
  .vertical-menu-main {
    #main-nav {
      #main-menu {
        li {
          a {
            svg {
              margin-left: 8px;
              margin-right: unset;
            }
          }
        }
      }
    }
  }
  .pixelstrap {
    a {
      .sub-arrow {
        right: auto;
        left: 5px;
      }
      &:hover,&:focus,&:active{
        padding-left:25px;
        padding-right:unset;
      }
    }
    ul{
      a{
        .sub-arrow{
          left:15px;
          right:unset;
        }
      }
    }
  }



  @media (max-width:1470px){
    .edit-profile {
      .profile-title {
        .media {
          .media-body{
            margin-right: unset;
          }
        }
      }
    }
  }
  
  @media (min-width: 1200px){
    .pixelstrap {
      ul:not(.mega-menu) li a:before {
        left: unset;
        right: 20px;
      }
      a {
        .sub-arrow {
          right: unset;
          // left: 3px;
          left:-6px;
        }
        &:hover{
          // padding-right: 18px;
          // padding-left:unset;
        }
      }
      li{
        float: right;
      }
    }
    .page-wrapper {
        .mega-menu-header {
          .vertical-menu-main {
            left: 390px;
            right: unset;
          }
        }
      }
  }
  // search page
  .search-page {
    .nav i {
      margin-left: 10px;
      margin-right: unset;
    }
  }
  .product-stts {
    display: inline-block;
    .ms-0 {
      margin-right: 0.25rem !important;
      margin-left: unset !important;
    }
  }
  .search-form input {
    padding: 10px 70px 10px 10px;
    text-align: right;
  }
  // icons page
  .icon-hover-bottom {
    .icon-title {
      text-align: right;
    }
  }
  .icon-lists {
    div {
      i {
        margin: 0 10px 0 15px;
      }
    }
    ul {
      padding-right: 0;
    }
  }
  ul {
    &.icon-lists {
      padding-right: 30px;
    }
  }
  // customizer
  .floated-customizer-btn {
    &.third-floated-btn {
      left: 35px;
      right: unset;
    }
    & > span {
      margin-right: 10px;
    }
  }
  .floated-customizer-panel {
    text-align: right;
    left: -85px;
    right: unset;
    &.active {
      left: 35px;
      right: unset;
    }
    .close-customizer-btn {
      left: 30px;
      right: unset;
    }
    ul {
      padding-right: 0;
    }
  }
  // form builder-2 page
  .form-builder-2-header {
    > div {
      nav {
        float: left;
      }
    }
  }
  .radio {
    label {
      padding-left: 0;
      padding-right: 6px;
      &::before {
        right: 0;
        margin-right: -20px;
        left: unset;
      }
    }
  }
  // sidebar main page
  .page-wrapper {
    .page-body-wrapper {
      .page-header {
        .row {
          h3 {
            text-align: right;
          }
        }
      }
    }
  }
  // page main header
  .page-main-header {
    margin-right: 0;
    margin-left: unset;
    .main-header-right {
      .nav-right {
        text-align: left;
          .profile-dropdown {
            li {
              svg {
                margin-right: unset;
                margin-left: 10px;
              }
            }
          }
        > ul {
          > li {
            &:before {
              right: 0;
              left: unset;
            }
            .dot {
              left: 17px;
              right: unset;
            }
            &.onhover-dropdown {
              &:hover {
                .onhover-show-div {
                  &:before {
                    right: 10px;
                    left: unset;
                  }
                  &:after {
                    right: 10px;
                    left: unset;
                  }
                }
              }
              &:last-child {
                // padding-left: 0;
                // padding-right: 20px;
                // border-right: none;
              }
            }
            &:last-child {
              // padding-right: 20px;
              // padding-left: 0;
            }
            // text-align: right;
            i {
              &.ms-2 {
                margin-right: 0.5rem !important;
                margin-left: unset !important;
              }
            }
          }
        }
        .language-dropdown {
          text-align: right;
          li {
            a {
              i {
                margin-left: 10px;
              }
            }
          }
        }
        .profile-dropdown {
          li {
            a {
              svg {
                margin-right: unset;
                margin-left: 10px;
              }
            }
          }

        }
        .chat-dropdown{
              left: 0;
             right: unset;
        }
        .notification-dropdown{
          left: -20px !important;
          right: unset !important;
        }
        ul{
          li{
            &:last-child{
              margin-left: 0;
              margin-right:unset;
            }
          }
        }
      }
      .mobile-sidebar {
        padding-left: 20px;
        padding-right: unset;
      }
    }
    &.open {
      margin-right: 0;
    }
  }
  ul {
    &.notification-dropdown {
      &.onhover-show-div {
        right: initial;
        left: -30px;
        padding: 0;
        &:before {
          right: inherit !important;
          left: 35px !important;
        }
        &:after {
          right: inherit !important;
          left: 35px !important;
        }
        li {
          margin-right: 0 !important;
          span {
            &.badge {
              margin-left: unset !important;
            }
            svg {
              margin-right: unset;
              // margin-left: 10px;
            }
          }
          .notification-icon {
            margin-left: 20px;
            margin-right: unset;
          }
        }
      }
    }
  }
  // alert page
  .alert {
    i {
      margin-left: 5px;
      margin-right: 0;
    }
  }
  .inverse {
    padding: 13px 65px 13px 20px;
    i {
      left: unset;
      right: 0;
    }
  }
  @each $var in $alert-name {
    $i: index($alert-name, $var);
    .alert-#{$var}.inverse {
      &:before {
        border-right: 7px solid nth($alert-color, $i);
        right: 54px;
        left: unset;
        border-left: unset;
      }
    }
  }
  .alert-dismissible {
    .close {
      left: 0;
      right: unset;
      span {
        padding-left: 0;
        padding-right: unset;
      }
    }
  }
  .icofont {
    &.icofont-truck {
      display: inline-block;
    }
  }

  // job search 
  .job-search {
    .media {
      .media-body {
        .job-apply-btn{
          left: 30px;
          right: unset;
          i {
            padding-right: unset;
            padding-left: 5px;
          }
        }
      }
      ul.rating{
        margin-right: 10px;
        margin-left:unset ;
      }
    }
    
  }

  // blog page
  .blog-box{
    .blog-details {
      padding-left:20px;
      padding-right:unset;
      text-align: right;
      .blog-social {
        padding-right: 0;       
        li{
          &:nth-child(n+2){
            margin-right: 20px;
            padding-right: 20px;
            border-right: 1px solid $light-gray;
            border-left: none;
            padding-left: unset;
            margin-left: unset;
          }
        }
      }
      
    }
    .blog-details-main {
      .blog-social {
        li {
          border-left: 1px solid $light-gray;
          border-right: unset;
          &:last-child {
            border-left: none;
          }
        }
      }
    }
    .blog-date {
      span {
        font-size: 36px;
        font-weight: 500;
        padding-left: 5px;
        padding-right: unset;
      }
    }
    &.blog-shadow {
      .blog-details{
        padding-right:40px;
      }
    }
    .blog-details-second {
      .detail-footer {
        ul{
          &.sociyal-list {
            li {
              i{
                margin-left: 5px;
                margin-right: unset;
              }
              &:nth-child(n+2){
                margin-right: 15px;
                padding-right: 15px;
                border-right: 1px solid $light-gray;
                margin-left: unset;
                padding-left: unset;
                border-left: unset;
              }
            }
          }
        }
      }
    }
  }
  .comment-box {   
    .media {
      img {
        margin-left: 45px;
        margin-right: unset !important;
      }
      h6 {
        text-align: right;
      }
    }
    ul {
      ul {
        margin-right: 135px;
        margin-left: unset;
        padding-right: 0;       
      }
    }
    .comment-social {
      text-align: left;      
      margin-right: unset;
      li{
        &:nth-child(n+2){
          margin-right:20px;
          padding-right:20px;
          border-right: 1px solid $light-gray  ;
          margin-left:unset;
          padding-left:unset;
          border-left:unset;
        }
      }
    }
  }
  
  .location-checkbox {
    span{
      padding-right:33px;
      padding-left:unset;
    }
  }
  // support ticket //
  .support-ticket {
    .pro-gress {
      ul {
        li {
          span {
            i{
              margin-right:10px;
              margin-left:unset;
            }
          }
        }
      }
    }
  }
  //book mark //
  .bookmark-wrap {
    .left-bookmark {
      ul {
        li {
          button{
            text-align:right;
          }
        }
      }
    }
  }

  .bookmark-tabcontent{
    .details-bookmark{
      .bookmark-card.card{
        .favourite-icon{
          text-align: center;
          left: 15px;
          right: unset;
        }
      }
    }
    .tab-content {
      .card {
        .card-header {
          ul {
            li+li{
              margin-right: 5px;
              margin-left: unset;
            }
          }
        }
      }
    }
    .details-bookmark {
      .bookmark-card{
        &.card {
          .title-bookmark{
            text-align:right;
          }
        }
      }
      &.list-bookmark {
        .bookmark-card {
          .details-website {
            .title-bookmark {
              p{
                margin-right: 5px;
              }
              .hover-block{
                left:15px;
                right:unset;
                text-align: left;
              }
            }
          }
        }
      }
    }
  }
  .email-wrap {
    .email-app-sidebar {
      ul {
        li {
          a{
            padding-right:20px;
            padding-left:unset;
          }
        }
      }
    }
  }
  // button builder page
  .button-builder-wrap {
    .form-group {
      .btn {
        margin-left: 15px;
        margin-right: 0;
        padding: 9px;
      }
    }
  }
  .button-builder {
    ul {
      &.the-icons {
        padding-right: 0 !important;
      }
    }
  }
  // chat page
  .call-chat-body {
    .chat-box {
      .chat-right-aside {
        .chat {
          .chat-history {
            .caller-img {
              &.ps-0 {
                padding-left: 15px !important;
              }
            }
          }
        }
      }
    }
  }
  .chat-box {
    .user-image {
      float: right;
      margin-left: 5px;
      margin-right: 0;
    }
    .people-list {
      .search {
        i {
          left: 10px;
          right: unset;
        }
      }
    }
    .about {
      float: right;
      padding-left: unset;
      text-align: right;
    }
    .chat-menu{
      left: 10px;
      right: unset;     
      .nav {
        padding-right:0;
      }
      &.ps-0{
        padding-left: 15px !important;
      }
    }
    .chat-right-aside {
      .chat {
        .chat-message {
          .smiley-box {
            margin-left: 0.5rem;
            margin-right: unset;
          }
        }
        .chat-header {
          .chat-menu-icons{
            margin-left:unset;
            margin-right:15px;
            li{
              margin-right: unset;
              margin-left:24px;
            }
          }
        }
      }
      &.pe-0 {
        padding-right: 15px !important;
      }
    }
    .chat {
      .chat-message {
        .text-box {
          .input-group-append {
            margin-right: -2px;
          }
          .btn{
            border-top-left-radius:5px !important;
            border-bottom-left-radius:5px !important;
            border-top-right-radius:0 !important;
            border-bottom-right-radius:0 !important;
          }
        }
      }
    }
  }
  .chat-msg-box {
    ul{
      padding-right: 0;
    }
  }
  .chat-left-aside {
    .status-circle {
      left: unset;
      right: 40px;
    }
  }
  .chat-right-aside {
    .chat {
      .chat-header {
        .chat-menu-icons {
          padding-left: 0;
          padding-right: unset;
          &.float-sm-right {
            float: left !important;
          }
        }
        img {
          float: right;
        }
      }
    }
  }
  // cke editor page
  .ck.ck-toolbar>.ck-toolbar__items {
    justify-content: flex-end;
  }
  .cke_toolbar, .cke_toolgroup, a.cke_button, .cke_combo_text {
    float: right;
  }
  .cke_reset_all, .cke_reset_all *, .cke_reset_all a, .cke_reset_all textarea {
    text-align: right;
  }
  .cke_combo_text {
    padding-left: unset;
    padding-right: 10px;
  }
  #editor1 {
    #cke_editor1 {
      #cke_1_contents {
        iframe {
          html {
            direction: rtl !important;
          }
        }
      }
    }
  }
  .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    right: 75%;
  }
  // coming soon page
  #clockdiv {
    ul {
      padding-right: 0;
    }
  }
  // social app page
  .custom-card {
    .card-footer {
      & > div {
        & + div {
          border-right: 1px solid $light-semi-gray;
          border-left: unset;
        }
      }
    }   
    .card-social {
      li{
        &:nth-child(n+2){
          margin-left:unset;
          margin-right:10px;         
        }
      }
    }   
  }
  .card-social {
    padding-right: 0;
  }
  .card-absolute {
    .card-header {
      right: 15px;
      left: unset;
    }
  }
  // datatables page
  .card{
    .table-responsive{
      .table{
        caption{
          text-align: right;
          margin-left: unset;
          margin-right: 10px;
        }
      }
    }
  }
  .dataTables_wrapper {
    .dataTables_filter {
      input[type="search"] {
        margin-right: 10px;
        margin-left: 0;
      }
    }
    .dataTables_length {
      float: right;
    }
    .dataTables_filter {
      margin-left: unset;
      margin-right: 15px;
      float: left;
    }
    .dataTables_info {
      float: right;
    }
    .advance-5_filter {
      margin-left: 0;
    }
    .btn-group {
      button {
        margin-left: 5px;
        margin-right: unset;
        &:last-child {
          margin-left: 0;
        }
      }
    }
  }
  div {
    &.dataTables_wrapper {
      div {
        &.dataTables_paginate {
          margin-right: 15px !important;
          margin-left: 0 !important;
          float: left;
        }
      }
    }
  }
  table {
    &.dataTable {
      thead {
        & > tr {
          & > th {
            padding-left: 30px;
            padding-right: 12px;
            &:before {
              left: 1em !important;
              right: unset;
            }
            &:after {
              left: 0.5em !important;
              right: unset;
            }

          }
        }
      }
    }
  }
  table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    left: 1em !important;
    right: unset;
  }
  .dataTables_scrollHeadInner {
    padding-right: unset !important;
    padding-left: 0 !important;
  }
  div {
    &.table-responsive {
      & > div {
        &.dataTables_wrapper {
          & > div {
            &.row {
              & > div[class^="col-"]:first-child {
                padding-right: 0;
                padding-left: 0;
              }
              & > div[class^="col-"]:last-child {
                padding-right: 0;
                padding-left: 0;
              }
            }
          }
        }
      }
    }
  }
  .dt-plugin-buttons {
    button {
      &.m-r-10 {
        margin-left: 10px;
        margin-right: 0;
      }
    }
  }
  // datetime picker page
  .datetime-picker {
    .theme-form {
      .form-group {
        label {
          text-align: left !important;
        }
        .input-group-text {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
        }
        .input-group {
          .form-control {
            border-radius: 0.25rem;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
          }
        }
      }
    }
  }
  // dropdown page
  .dropdown-basic {
    .btn {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-top-right-radius: 0.25rem !important;
      border-bottom-right-radius: 0.25rem !important;
    }
    .separated-btn {
      .btn {
        border-radius: 0.25rem;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
      }
    }
  }
  // error page
  .error-wrapper {
    .col-md-8 {
      &.offset-md-2 {
        margin: 0 auto !important;
      }
    }
  }

  // product page
  // .slick-slider{
  //   direction: ltr;
  // }
  .product-price {
    del{
      margin-right: 20px;
      margin-left: unset;
    }
  }  
  .product-box {
    .ribbon-bookmark.ribbon-vertical-left.ribbon-info:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
      border-left-color: #007bff;
    }
    .ribbon-bookmark.ribbon-vertical-left:before, .ribbon-bookmark.ribbon-vertical-right:before {
      right: 0;
      left: unset;
      border-left: 15px solid #2a3142;
    }
    .ribbon-bookmark.ribbon-info:before {
      border-left-color: transparent;
    }
    .ribbon-warning.ribbon-clip:before {
      border-left-color: #ff850d;
      border-right-color: unset;
    }
    .ribbon-clip {
      right: -14px;
      left: unset;
      &:before {
        right: 0;
        left: unset;
      }
    }
  } 
  .product-hover {
    ul {
      padding-right: 0;
    }
  }
  .customer-review {
    .media {
      img {
        margin-left: 25px;
        margin-right: 0;
      }
    }
  }
  .nav {
    padding-right: 0;
  }
  .custom-file-label {
    &::after {
      left: 0;
      right: unset;
    }
  }
  // form wizard 4 page
  .form-wizard-vue{
    .fw-btn:not(.fw-btn-back){
      span{
        margin-right: unset;
        margin-left: 3px;
      }
    }
    .fw-body-list{
      .fw-list-progress{
        left: unset;
        right: 70%;
      }
    }
  }
  .wizard-4 {
    ul {
      &.anchor {
        float: right;
        padding-right: 0;
        padding-left: 30px;
      }
    }
    .step-container {
      clear: unset;
    }
    .form-group {
      text-align: right;

    }
    .action-bar {
      .btn {
        float: left;
      }
    }
  }
  .f1 {
    .f1-buttons {
      text-align: left;
    }
    .f1-steps {
      .f1-step {
        float: right;
      }
    }
  }
  // general widgets page
  .static-top-widget .media-body {
    padding-right: 30px;
    padding-left: unset;
    .icon-bg {
      left: -20px;
      right: unset;
    }
  }
  .widget-joins {
    .media {
      .details {
        border-right: 1px solid $light-gray;
        border-left: unset;
        
      }
      .media-body {
        text-align: right;
      }
    }
  }
  .weather-widget-two {
    .bottom-whetherinfo {
      .whether-content {
        text-align: left;
      }
    }
  }
  // tree view page
  .jstree-default {
    .jstree-node {
      margin-left: unset;
      margin-right: 24px;
      background-position: -292px -4px;
      background-repeat: repeat-y;
    }
  }
  // image cropper page
  .img-cropper {
    .btn-group {
      margin-right: 0;
      margin-left: 10px;
      button {
        &:last-child {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
          border-top-left-radius: 0.25rem;
          border-bottom-left-radius: 0.25rem;
        }
        &:first-child {
          border-top-right-radius: .25rem;
          border-bottom-right-radius: .25rem;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0;
        }
      }
    }
  }
  .docs-toggles {
    .btn-group {
      .btn {
        border-radius: 0;
        &:last-child {
          border-top-left-radius: 0.25rem;
          border-bottom-left-radius: 0.25rem;
        }
        &:first-child {
          border-top-right-radius: 0.25rem;
          border-bottom-right-radius: 0.25rem;
        }
      }
    }
  }
  .btn-group {
    > .btn:not(:last-child):not(.dropdown-toggle) {
      > .btn-group:not(:last-child) > .btn {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
      }
    }
  }
  .jsgrid-button {
    + .jsgrid-button {
      margin-right: 5px;
      margin-left: unset;
    }
  }
  .list-group {
    padding-right: 0;
    i, img {
      margin-left: 10px;
      margin-right: 0;
    }
  }
  // authentication page
  .authentication-box {
    text-align: right;
  }
  // mega options page
  .mega-horizontal {
    .offset-sm-3 {
      margin-right: 25%;
      margin-left: unset;
    }
  }
  // navs page
  .navs-icon {
    svg {
      margin-left: 10px;
      margin-right: unset;
    }
    .fa {
      margin-left: 10px;
      margin-right: unset;
    }
  }
  .nav-list {
    .nav-list-disc {
      text-align: right;
      padding-right: 0;
    }
  }
  .pl-navs-inline {
    padding-right: 30px !important;
    padding-left: 0 !important;
  }
  .onhover-dropdown.navs-dropdown:hover .onhover-show-div:before {
    left: 77px;
    right: unset;
  }
  .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after {
    left: 77px;
    right: unset;
  }
  .navs-dropdown {
    .onhover-show-div {
      .navs-icon {
        li {
          text-align: right;
        }
      }
    }
  }
  .navs-icon.default-according.style-1 {
    li {
      button[aria-expanded="true"] {
        &:before {
          left: 2px;
          right: unset;
        }
      }
      button[aria-expanded="false"]:before {
        left: 2px;
        right: unset;
      }
    }
  }
  // search page css
  .search-form {
    .form-group{
      &:after {
        right: 53px;
        left: unset;
      }
      &:before {
        right: 82px;
        left: unset;
      }
    }
  }
  // order history page css
  .order-history {
    table {
      tbody {
        tr {
          td {
            .product-name {
              .order-process {
                .order-process-circle{
                  &:before {
                    right: -15px;
                    left: unset;
                  }
                }
              }
            }
          }
        }
      }
      th, td {
        &:first-child {
          text-align: right;
        }
      }
    }
  }
  // product-page
  .product-page-details {
    span {
      padding-right: 15px;
      padding-left: 0;
    }
  }
  .m-checkbox-inline {
    label {
      margin-left: 20px;
      margin-right: 0;
    }
  }
  .form-label-align-right {
    label {
      text-align: left;
    }
  }
  // rating page
  .br-theme-bars-reversed, .br-theme-bars-movie, .br-theme-bars-1to10, .br-theme-bars-square {
    .br-widget {
      .br-current-rating {
        float: right;
      }
      a {
        float: right;
      }
    }
  }
  // ribbons page
  .ribbon-left {
    right: auto;
    left: -2px;
  }
  .ribbon-vertical-left {
    right: auto;
    left: 12px;
  }
  // search page
  .search-page {
    ul{
      &.search-info {
        > li {
          +li{
            padding-right: 8px;
            margin-right: 8px;
            border-right: 1px solid $light-gray;
            padding-left: unset;
            margin-left: unset ;
            border-left:unset;
          }
        }
      }
    }
  }

  // select 2 page
  .select2-container--default {
    .select2-selection--single {
      .select2-selection__arrow {
        left: 10px !important;
        right: unset !important;
      }
    }
  }
  .editor-statusbar {
    text-align: left;
    span {
      margin-right: 1em;
      margin-left: unset;
    }
  }
  .CodeMirror-scroll {
    margin-left: -30px;
    margin-right: unset;
  }
  .primary-color, .yellow-color {
    ul {
      padding-right: 0;
    }
  }
  // steps page
  .u-step-desc {
    text-align: right;
  }
  .u-step-number {
    right: 20px;
    left: unset;
    & ~ .u-step-desc {
      margin-right: 50px;
    }
  }
  .u-pearl {
    &:after {
      left: 0;
      right: unset;
    }
    &:before {
      right: 0;
      left: unset;
    }
  }
  .u-step-icon {
    float: right;
    margin-left: .5em;
    margin-right: unset;
  }
  // summernote page
  .list-icons {
    padding-right: 0;
  }
  .card-header.note-toolbar {
    .note-color {
      .dropdown-toggle {
        padding-right: 5px;
      }
    }
    .form-group {
      &.draggable {
        text-align: right;
      }
    }

    .form-check {
      padding-right: 24px;
      padding-left: unset;
    }
    form {
      .custom-control {
        padding-right: 24px;
        padding-left: unset;
        .custom-control-label {
          &::after {
            right: 0;
            left: unset;
          }
          &::before {
            right: 0;
            left: unset;
          }
        }
      }
    }
  }
  // input group page
  .dropdown-toggle::after {
    margin-right: 0.255em;
    margin-left: unset;
  }
  // tabbed card page
  .tabbed-card {
    ul {
      left: 15px;
      right: unset;
    }
  }
  // checkbox & radios page
  .checkbox {
    label {
      padding-right: 16px;
      padding-left: unset;
      &::before {
        right: 0;
        left: unset;
        margin-right: -16px;
        margin-left: unset;
      }
    }
  }
  .radio {
    label {
      &::after {
        right: 5px;
        left: unset;
        margin-right: -20px;
        margin-left: unset;
      }
    }
  }
  // timeline page
  .cd-timeline-content {
    &::before {
      border-right: 7px solid $light-gray;
      border-left-color: transparent;
    }
  }
  .cd-timeline-img {
    i {
      right: 40%;
      left: unset;
      margin-right: -12px;
      margin-left: unset;
    }
  }
  .cd-timeline-block {
    &:nth-child(even) {
      .cd-timeline-content {
        float: left;
        border-right: unset;
        .cd-date {
          right: unset;
          left: 122%;
          text-align: left;
        }
        &::before {
          right: auto;
          left: 100%;
          border-left-color: #eeeeee;
          border-right-color: transparent;
        }
      }
    }
  }
  .cd-timeline-content {
    .cd-date {
      right: 122%;
      left: unset;
    }
  }
  // tour page
  .introjs-tooltip {
    right: 0;
    left: unset;
  }
  .introjs-helperNumberLayer {
    right: -16px;
    left: unset;
  }
  .introjs-tooltipReferenceLayer {
    .introjs-tooltip {
      .introjs-tooltiptext {
        text-align: right;
      }
      .introjs-tooltipbuttons {
        text-align: left;
        .introjs-skipbutton {
          margin-left: 5px;
          margin-right: unset;
        }
        .introjs-nextbutton {
          -webkit-border-radius: 0.2em 0 0 0.2em;
          -moz-border-radius: 0.2em 0 0 0.2em;
          border-radius: 0.2em 0 0 0.2em;
        }
      }
    }
  }
  .list-inline-item {
    &:not(:last-child) {
      margin-left: 0.5rem;
      margin-right: unset;
    }
  }
  .like-comment {
    ul {
      &.list-inline {
        padding-right: 0;
      }
    }
  }
  .typeahead {
    text-align: right;
  }
  .listing {
    ul {
      padding-right: 0;
      .icofont {
        float: right;
      }
    }
  }
  // gallery page
  .gallery {
    .hover-5 {
      img {
        margin-right: 30px;
      }
      &:hover {
        img {
          margin-right: 0;
        }
      }
    }
  }
  .lg-outer {
    text-align: right;
  }
  .lg-toolbar .lg-icon {
    float: left;
  }
  #lg-counter {
    padding-right: 20px;
    padding-left: unset;
    float: right;
  }
  // chart widget page
  .chart-widget-top {
    .text-end {
      text-align: left !important;
    }
    .num {
      .ms-0 {
        margin-right: 0.25rem !important;
      }
    }
  }
  .bar-chart-widget {
    .earning-details {
      i {
        left: -240px;
      }
    }
    .bottom-content {
      .b-r-light {
        border-left: 1px solid #eeeeee !important;
        border-right: unset !important;
      }
      .num {
        .ms-0 {
          margin-right: 0.25rem !important;
        }
      }
    }
  }
  .chart-widget {
    .chart-widget-top {
      .num {
        i{
          margin-left:unset;
          margin-right:5px;
        }
      }
    }
  }
  // dashboard project page
  .chart-vertical-center {
    #myDoughnutGraph, #myPolarGraph {
      width: auto !important;
    }
  }
  .crm-activity {
    ul {
      &.dates {
        li {
          + li {
            border-right: 1px solid #ddd;
            padding-right: 10px;
            margin-right: 5px;
            border-left: unset;
            padding-left: unset;
            margin-left: unset;
          }
        }
      }
    }
  }
  div {
    &.dt-buttons {
      float: right;
    }
  }
  .dt-button-collection {
    left: -39px !important;
  }
  // dropzone page
  .dropzone {
    .dz-preview {
      .dz-error-mark,
      .dz-success-mark {
        right: 50%;
        margin-right: -27px;
        margin-left: unset;
        left: unset;
      }
    }
  }
  // footer page
.page-wrapper {
    .page-body-wrapper {
      footer {
        margin-right:275px;
        margin-left:unset;
        p {
          i {
            margin-right: 5px;
            margin-left: unset;
          }
        }
      }
    }
  }
  .footer-copyright {
    text-align: right;
  }
  .footer-links {
    text-align: left;
  }
  .page-item {
    &:first-child {
      .page-link {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
      }
    }
    &:last-child {
      .page-link {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
      }
    }
  }
  // popover page
  .popover.top, .popover.bottom {
    > .arrow:after {
      margin-right: -10px;
      margin-left: unset;
    }
  }
  // touchspin page
  .bootstrap-touchspin {
    > .input-group-append {
      > .btn,
      > .input-group-text {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
      }
    }
    > .form-control, > .custom-select {
      &:not(:last-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
      }
    }
  }
  // typahead page
  .typeahead {
    span {
      &.twitter-typeahead {
        .tt-suggestion {
          text-align: right;
        }
      }
    }
    .league-name {
      text-align: right;
      margin-right: 5px;
    }
  }
  // call-chat page
  .follow {
    .text-md-end {
      text-align: left !important;
    }
  }
  // vector map page
  .jvectormap-zoomin,
  .jvectormap-zoomout,
  .jvectormap-goback {
    right: 10px;
    left: unset;
  }

  //customizer rtl css
  .customizer-links{
    right: unset;
    left: 0;
    &.open{
      right: unset;
      left: 330px;
      border-radius: 0 8px 8px 0;
    }
    .nav-link{
      &:hover{
        span{
          right:unset;
          left:68px;
        }
        &:after{
          right: -10px;
          left: unset;
          border-right: 10px solid $primary-color;
          border-left: unset;
        }
      }
    }
  }
  .customizer-contain{
    width: 330px;
    right: unset;
    left: -330px;
    &.open{
      right: unset;
      left: 0px;
    }
    .customizer-header{
      .icon-close{
        left: unset;
        right: 30px;
      }
    }
  }
  // dark only rtl css
  &.dark-only {
    .page-main-header {
      .main-header-right {
        .nav-right {
          > ul {
            > li {
              border-right: 1px solid $dark-border-color;
              border-left: unset !important;
              &:first-child, &:nth-child(5) {
                border-right:  none !important;
              }
              &:nth-child(5) {
                border-left:  1px solid $dark-border-color !important;
              }
            }
          }
        }
      }
    }
  }
  // boxes layout rtl css
  .box-layout{
    &.page-wrapper.horizontal-wrapper {
      .page-main-header {
        padding-right: 250px;
        padding-left: unset;
        &.open {
          padding-right: 0;
        }
      }
    }
  }
  // responsive css
  @media screen and (max-width: 1660px) {
    // video chat page   
    .chat-box {
      .chat-right-aside {
        .chat {
          .chat-header {
            .chat-menu-icons {
              li{
                margin-left:10px;                
              }
            }
          }
        }
      }
    }
  
  }
  @media screen and (min-width: 1200px) and (max-width: 1660px){
    .latest-articles {
      .card-body {
        .media {
          .m-r-30{
            margin-right: unset;
            margin-left:10px ;
          }
        }
      }
    }
  }
  @media screen and (min-width: 1200px) and (max-width: 1500px){
    .activity-sec {
      .activity-timeline{
        &.update-line {
          .media {
            .activity-line{
              right:26px;             
            }
          }
        }
      }
    }
    .blog-box{
      &.blog-shadow {
        .blog-details{
          padding-right:15px;
        }
      }
      .blog-details {
        .blog-social{
          li{
            &:nth-child(n+2){
              margin-right: 15px;
              padding-right:15px;
            }
          }
        }
      }
    }
    
  }
  @media screen and (min-width: 1200px) and (max-width: 1366px){
    .learning-comment{
      float: right !important;
    }
    .comment-box {
      .media {
        img{
          margin-left:25px;
        }
      }
      ul {
        ul{
          margin-right:50px;
        }
      }
    }
    
  }  
  @media only screen and (max-width: 1366px) {
    .project-box{
      .badge {
        left:10px;
      }
    }
    .file-content{
      .folder{
        .folder-box:nth-child(odd){
          margin-right: 0;
        }
      }
    }
    .cd-timeline-img{
      i{
        margin-right: -10px;
        margin-left: unset;
      }
    }
    .product-wrapper {
      .product-grid {
        .feature-products {
          margin-right: 0;
        }
      }
    }
    .product-grid {
      margin-right: 0;
    }
    .d-none-productlist {
      margin-left: 10px;
      margin-right: unset;
    }
  

    // chat page
    .chat-left-aside {
      .status-circle {
        left: unset;
        right: 40px;
      }
    }
    .status-circle{
      right: 37px;
      left:unset;
    }

    //file manager
    .file-content{
      .files{
        .file-box{
          margin-left:10px;
          margin-right:unset;
        }
      }
    }


    .lnb-calendars{
      text-align:left;
    }



  }

  @media (max-width:1280px){
    .page-main-header {
      .main-header-right {
        .nav-right{
          >ul{
            > li{
              margin-left:15px;
            }
          }
        }
      }
    }
    .user-profile {
      .social-tab {
        ul {
          li{
            &:nth-child(n+2){
              margin-right:10px;
              margin-left:0;
            }
          }
        }
      }
    }
    .email-wrap {
      .actions {
        li{
          &:nth-child(n+2){
            margin-right:10px;
          }
        }
      }
    }
  }
  
  @media (min-width: 1200px){
    // vertical page
    .pixelstrap {
      ul {
        a{
          &:hover,
          &:focus,
          &:active,
          &.highlighted {
            .sub-arrow {
              left: 3px;
              right: unset;
            }
          }
        }
      }
    }
  }
  @media only screen and (max-width: 1199px){
    .page-wrapper {
      .page-main-header {
        .main-header-right {         
          .nav-right {
          > ul{
              li{             
              .submenu {
                li {
                  &:first-child {
                    padding-right: 15px !important;
                    padding-left: 15px !important;
                  }
                }
              }
            }
            >li {
              margin-left:15px;
            }
          }
          }
        }
      }
      .page-body-wrapper {
        footer{
          // margin-right:unset;
        }
      }
      &.modern-sidebar{
        &.compact-wrapper {
          footer{
            margin-left:unset;
            margin-right:280px;
          }
          header{
            &.main-nav{
              &.close_icon {
                ~ footer{
                  margin-right:unset;
                }
              }
            }
          }
        }

        
      }
    }    
    .email-wrap {      
      .email-app-sidebar {
        .main-menu {
          & > li {
            text-align: right;
            a {
              i {
                margin-right: unset;
                margin-left: 10px;
              }
            }
          }
        }
        ul {
          padding-right: 0;
        }
      }
      .email-content {
        .email-top {
          .user-emailid {
            &:after {
              float: left;
            }
          }
        }
      }    
      .email-sidebar {
        .email-left-aside{
          right: 0;
          left: unset;
        }
      }


    }
    .chat-menu-icons {
      text-align: left;
    }
    .chat-box {
      .chat-history {
        .row {
          .col-sm-7 {
            padding-left: 0 !important;
            padding-right: unset !important;
          }
        }
      }
    }
    .chat-menu {
      left: 0;
      right: unset;
    }

    .invo-profile {
      .text-xl-end{
        text-align: right !important;
      }
    }
    .blog-box {
      .blog-details{
        padding:20px;
      }
      &.blog-shadow {
        .blog-details{
          padding-right:20px;
        }
      }
    }
    .blog-single {
      .comment-box {
        ul{
          .comment-social{
            margin-right:unset;
          }
        }        
      }
    }
    .job-sidebar {
      .job-left-aside{
        right:0;
        left:unset;
      }
    }
  }
  @media only screen and (max-width: 1169px){
    .cd-timeline-block:nth-child(even){
      .cd-timeline-content{
        float: unset;
      }
    } 
    #cd-timeline:before{
      left: unset;
      right: -15px;
    }
    .cd-timeline-block{
      .cd-timeline-img{
        right: -2px;
        left: unset;
        margin-right: -27px;
      }
    }
    .cd-container{
      .cd-timeline-block{
        .cd-timeline-content{
          margin-left: unset;
          margin-right: 6px;
          span{
            float: right;
          }
        }
      }
    }
    .cd-timeline-content::before{
      border-right: unset;
      border-left: unset;
    }
  }
  @media only screen and (max-width: 991px) {
    .faq-widgets {
      .media-body {
        p {
          padding-left: 15px;
          padding-right: unset;
        }
      }
    }
    .faq-accordion {
      .faq-header {
        svg {
          left: 20px;
        }
      }
    }
    .categories {
      .learning-header {
        padding-right: 20px;
      }
    }   
  .page-wrapper {
      .page-main-header {
        .main-header-left {

          .logo-wrapper {
            img {
              margin-left: 15px;
              margin-right: unset;
            }
          }
        }
        .main-header-right{
          >.mobile-toggle{
            padding-left: 20px;
            padding-right:unset;
          }
        }
      }    
    }
    .main {
      .langChoice {
        left: 20px;
      }
    }
    .cd-timeline-img {
      i {
        right: 50% !important;
      }
    }
  .page-wrapper {
      .page-body-wrapper {
        .page-header {
          .breadcrumb {
            float: right;
            margin-right: 0;
          }
        }
        .page-body {
          min-height: calc(100vh - 60px);
        }
      }
      .page-main-header {
        margin-right: 0;
        .main-header-right {
          > .mobile-toggle{
            padding-left:15px;
          }
        }
      }
    }
    .card-body {
      .value-left {
        margin-left: 20px;
      }
    }
    .activity-sec {
      .activity-timeline {
        .media {
          .activity-line{
            right:28px;
          }
        }
      }
    }

    .comment-box {
      .comment-social {
        li{
          &:nth-child(n+2){
            margin-right:15px;
            padding-right:15px;
          }
        }
      }
    }

    
    
    // footer
    .page-body-wrapper{
      .page-body,footer {
         margin-right: 0 !important;
         margin-left:unset !important;
      }
    }  
    .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon header.main-nav.close_icon{
      transform: translate(290px);
    }
    // faq
    .updates-faq {
      margin-left: 20px;
    }
  }
  @media only screen and (max-width:821px){
    .kanban-btn{
      margin-right: 0 !important;
    }
  }
  @media (min-width: 768px){
    .offset-md-2{
      margin-right: 16.66667%;
    }
    .float-md-right {
      float: left !important;
    }
    .text-md-end {
      text-align: left !important;
    }
    .offset-md-3 {
      margin-right: 25%;
      margin-left: unset;
    }
    .text-md-start {
      text-align: right !important;
    }
    .ecommerce-widget{
      .text-md-end {
        text-align: left !important;
        ul {
          text-align: left;
        }
      }
    }
  }


   
  @media only screen and (max-width: 767px) {   
    .ecommerce-widget{
      .text-md-end {
        text-align: left !important;
      }
    }
    .bar-chart-widget {
      .earning-details {
        i {
          left: -147px !important;
        }
      }
    }
    .footer {
      .pull-right{
        float:unset;
      }
    }

    .page-wrapper {
      .page-main-header {
        .main-header-right {
          .main-header-left {
            .toggle-sidebar{
              margin-left:unset;
            margin-right:20px;
            }
          }
        }
      }
    }    
    .comment-box{
      ul{
        ul{
          text-align: right;
          float: revert;
          margin-right: 0;
        }
      }
      
    }
    .blog-single {
      .comment-box {
        ul {
          .comment-social{
            text-align:right;
          }
        }
      }
    }
    .project-list {
      .btn{
        float: right;
      }
    }   
    .follow {
      .text-md-end{
        text-align: center !important;
      }
    }
    .calendar-basic {
      #menu-navi {
        .menu-navi-center{
          left:20px;
          right:unset;
        }
        .menu-navi-right {
          .move-btn{
            float:left;
          }
        }
      }
      
    }
    .feature-products {
      span.f-w-600{
        margin-right:5px;
        margin-left:unset;
      }
    }

   
    


  }
  @media screen and (max-width: 617px) {
    .form-wizard-vue{
      .fw-body-list{
        .fw-list-progress{
          right: 80%;
        }
      }
    }  
  }
  @media (min-width: 576px) {
    .offset-sm-3 {
      margin-right: 25%;
      margin-left: unset;
    }
    .text-sm-end {
      text-align: left !important;
    }
    .float-sm-right {
      float: left !important;
    }
    .mr-sm-2, .mx-sm-2 {
      margin-left: 0.5rem !important;
      margin-right: unset !important;
    }
  }
  @media only screen and (max-width: 575px){
    .center-content{
      p{
        text-align: right;
        i{
          margin-left: 10px !important;
        }
      }
    }
    .widget-joins{
      .row{
        .ps-0{
          padding-right: 12px!important;
        }
        .pe-0{
          padding-left: 12px!important;
        }
      }
    }
    .ticket-length{
      text-align: right;
    }
    .date-picker{
      .theme-form{
        .form-group{
          .col-form-label{
            text-align: right !important;
            padding-right: 12px;
          }
        }
      }
    }
    .bookmark{
      ul{
        li{
          .search-form{
            .form-control-search{
              left: -110px;
              right: unset;
            }
          }
        }
      }
    }
    .page-main-header {
      .main-header-right {
        .nav-right {
          > ul {
            > li {
              &:last-child {
                padding-right: 10px;
              }
            }
          }
          .notification-dropdown {
            right : -150px !important;
            left: unset !important;
          }
          .profile-dropdown {
            right: -50px !important;
            left: unset !important;
          }
        }
      }
    }
    .faq-accordion {
      .faq-header {
        svg {
          left: 15px;
        }
      }
    }
    .categories {
      .learning-header {
        padding-right: 15px;
      }
    }    
    .main {
      .langChoice {
        left: 15px;
      }
    }
    .page-wrapper {
      .search-form {
        .form-group {
          margin-left: 0;
        }
      }
    }
    .card-body {
      .value-left {
        margin-left: 15px;
      }
    }
    .job-search {
      .media {
        .media-body {
          h6 {
            .pull-right{
              margin-right: 15px;
              margin-left:unset ;
            }
          }
        }
      }
    }
    .invoice {
      .invo-header {
        .media-body{
          text-align:left;
        }
      }
    }
    .blog-box {
      .blog-details {
        .blog-social {
          li{
            &:nth-child(n+2){
              margin-right:15px;
              padding-right:unset;
              border-right:none;
            }           
          }
        }
      }
    }
    .feature-products {
      .select-options{
        float: right;
      }
    }
  }


  @media only screen and (max-width:575px){
    .page-wrapper {
      .page-body-wrapper {
        .page-header {
          .bookmark{
            text-align:right;
          }
        }
      }
    }
    .feature-products{
      .text-end{
        text-align: right !important;
      }
    }
    .list-persons {
      .nav-pills {
        .nav-link {
          .media {
            .media-body{
              text-align: right;
            }
          }
        }
      }
      .profile-mail {
        .email-general {
          ul{
            padding-left:unset;
          }
        }
      }
    }
    .contacts-tabs {
      .media {
        img.m-r-20{
          margin-right:unset;
          margin-left:20px;
        }
      }
    }
    .faq-widgets {
      svg{
        left:20px;
        right: unset;
      }
    }
    .m-r-30{
      margin-left:15px;
    }
    .job-search {
      .job-description {
        label{
          text-align: right !important;
        }
      }
    }


     
    


    // user-profile
    .user-profile{
      .profile-post{
        .post-body{
          .post-react{
            ul {
              li{
                &:nth-child(n+2){
                  margin-right:-15px;
                }
              }
            }
            h6{
              margin-right:10px;
            }
          }
        }
      }
    }
  

  }

  @media only screen and (max-width: 420px){
    .file-manager{
      .folder{
        li:nth-child(n+2){
          margin-right: 0;
        }
      }
    }
    .project-box {
      .badge{
        left: 10px;
      }
    }
    .file-content {
      .files {
        .file-box{
          margin-left:unset;
        }
      }
    }
    .project-list{
      .border-tab{
        &.nav-tabs{
          .nav-item{
            .nav-link{
              padding: 5px 0 5px 15px;
            }
          }
        }
      }
    }
  }
  
  @media only screen and (max-width: 360px) {
    .checkbox-ps{
      .btn{
        padding-left: 12px;
      }
      label{
        padding-right: 11px;
      }
    }
    .project-box{
      .badge {
        left:5px;
      }
    }
    .social-app-profile {
      .hovercard {
        .user-image {
          .avatar {
            img {
              width: 85px;
              height: 85px;
            }
            margin-top: -47px;
          }
        }
      }
    }
    .social-chat {
      .other-msg {
        margin-right: 15px;
      }
    }
  }
  @media screen and (max-width: 359px) {
    .activity-sec{
      .activity-timeline.update-line{
        .media{
          .activity-line{
            right: 24px;
            left: unset;
          }
        }
      }
    }  
  }
  .activity-sec{
    .media{
      .activity-dot-primary{
        flex-shrink: 0;
      }
    }
  }
  @media only screen and (max-width: 480px){
    .icon-hover-bottom{
      .icon-first{
        margin-right: unset;
        margin-left: 10px;
      }
    }
    .target-sec{
      .card-header{
        ul.target-list{
          li{
            &:nth-child(n+2){
              margin-right: 0;
            }
          }
        }
      }
    }
    .top-sell-sec{
      .card-body{
        .media{
          .btn{
            right: unset;
            left: 20px;
          }
        }
      }
    }
    .form-wizard-vue{
      .fw-body-list{
        .fw-list-progress{
          right: 87%;
        }
      }
    }
    .page-wrapper {
      .page-main-header {
        .main-header-right {
          .nav-right {
            > ul {
              li{
                margin-left:5px;
              }
            }
          }
        }
      }
    }
  }
  @media only screen and (max-width: 360px){
    .sticky-header-main{
      .card{
        .card-header{
          h5{
            a{
              margin-right: 0 !important;
            }
          }
        }
      }
    }
    .footer{
      padding-left: 0;
      padding-right: 0 !important;
    }
  }
}

/* * Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
	display: none !important;
	visibility: hidden;
}

/* * Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
} /* * Hide visually and from screenreaders, but maintain layout */

.invisible {
	visibility: hidden;
}

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}
.noflick {
	perspective: 1000;
	backface-visibility: hidden;
	transform: translate3d(0,0,0);
}
.sticky-note{
	margin: -15px;
}
.note {
	float: left;
	display: block;
	position: relative;
	padding: 1em;
	width: calc(25% - 30px);
	min-height: 300px;
	margin: 15px;
	border-radius: 5px;
	background-color: lighten($primary-color,20%);
	transition: transform .15s;
	z-index: 1;
	@extend .noflick;

	&:hover {
		cursor: move;
	}
	&.ui-draggable-dragging:nth-child(n) {
		box-shadow: 5px 5px 15px 0 rgba(0,0,0,.3);
		transform: scale(1.125) !important;
		z-index: 100;
		cursor: move;
		transition: transform .150s;
	}

	textarea {
		background-color: transparent;
		border: none;
		resize: vertical;
		font-style: italic;
		width: 100%;
		padding: 5px;
		color: #fff;  
		&::-webkit-input-placeholder {
			color: #fff;
			}
			
			&:-moz-placeholder { /* Firefox 18- */
			color: #fff;  
			}
			
			&::-moz-placeholder {  /* Firefox 19+ */
			color: #fff;  
			}
			
			&:-ms-input-placeholder {
			color: #fff;  
			}

		&:focus {
			outline: none;
			border: none;
			box-shadow: 0 0 0px 1px rgba(255, 255, 255, 0.2) inset;
		}
		&.title {
			font-size: 24px;
			line-height: 1.2;
			color: #fff;
			height: 64px;
			margin-top: 20px;
		}
		&.cnt {
			min-height: 200px;
		}
	}
	&:nth-child(2n) {
		background: lighten($secondary-color ,35%);
	}
	&:nth-child(3n) {
		background: lighten($success-color ,50%);
	}
	&:nth-child(4n) {
		background: lighten($light-font ,25%);
	}
	&:nth-child(5n) {
		background: lighten($warning-color ,35%);
	}
	&:nth-child(6n) {
		background: lighten($danger-color ,25%);
	}
}

/* Button style  */
.button {
	color: #FFFFFF;
	padding: 1em 2em;
	text-decoration: none;
	transition: transform .150s, background .01s;
	@extend .noflick;
	&.remove {
		position: absolute;
		top: 0;
		right: -10px;
		color: #999;
	}
}

@media only screen and (max-width: 1199px) {
	.note {
		min-width: 260px;
		min-height: 260px;
	}
}

/**=====================
    60. RTL CSS Ends
==========================**/
